/* ------------------------ */
#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner  #bannerBtnS em.act{background:#f50056}


/*产品分类*/
.index_a .se_nav, .index_a .index_a_tit h4 {display: none;}
.index_a {width: 100%;background: url('../images/prolist.jpg') no-repeat center bottom;padding: 4% 0 3% 0;}
.index_a .index_a_tit {text-align: center;}
.index_a .index_a_tit h2 {font-size: 56px;color: #0db562;font-weight: bold}
.index_a .index_a_tit h2 em {color: #fff;background-image: -webkit-linear-gradient(0deg, #0db288, #0dba3b);padding: 0 25px;border-radius: 70px;}
.index_a .index_a_tit h3 {font-size: 18px;font-weight: 400;color: #333;margin-top: 11px;}
.index_a .s_width {margin-top: 4%;}
.tx_index_pro {overflow: hidden;width: 90%;margin: 0 auto;padding: 20px 0;clear: both;position: relative;}
.rtCont {position: relative;width: 100%;margin: 0 auto;overflow: hidden;}
.rtCont ul {width: 100%;}
.rtCont ul li {width: 230px;overflow: hidden;float: left;margin: 0 10px;}
.pro_pic {overflow: hidden;}
.rtCont ul li img {border-radius: 10px 10px 0 0;width: 100%;}
.rtCont ul li p {background-image: -webkit-linear-gradient(left, #1aa468, #088a52);
margin-top: 9%;border-radius: 30px;text-align: center;}
.rtCont ul li p a {color: #fff;font-weight: 700;line-height: 30px;text-align: center;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 3% 0;transition: all linear .3s}
.rtCont ul li:hover p a {font-size: 22px;font-weight: 700;color: #fff}
.rtCont ul li h3 {text-align: center;line-height: 40px;}

@media screen and (max-width: 1440px) {
    .index_a .index_a_tit h2 {font-size: 48px;}

}
@media screen and (max-width: 790px) {
.index_a .index_a_tit h2 {font-size: 32px;margin-bottom: 10px;padding-top: 2%;}
.index_a .index_a_tit h2 i {display: none;}
.index_a .index_a_tit h2 em {color: #008b3f;background-image: none}
.index_a .index_a_tit h2:before, .index_a .index_a_tit h2:after {width: 50px;padding-top: 23px;}
.index_a .index_a_tit h2:after {margin-left: 8px;}
.index_a .index_a_tit h3 {display: none;width: 85%;margin: 0 auto;font-size: 16px;}
.index_a .index_a_tit h4 {display: block;width: 85%;margin: 0 auto;font-size: 16px;font-weight: 400;}
.rtCont ul li {width: 150px;}
.sc_wrap {display: none;}
.index_a .se_nav {display: block;}
    .se_nav{display: block; width: 100%; margin:4% auto 0 auto;}
    .se_nav ul{display: flex; -webkit-justify-content: left;   justify-content:left;  justify-content:left;flex-wrap: wrap;}
    .se_nav li{font-size: 16px;border-right:1px solid transparent;border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); line-height: 35px; text-align: center; width: 33%;transition: .5s; background: #0db562;}
    .se_nav li a{color: #fff;}
}
.index_a .sc_wrap {margin: 0px auto;position: relative;margin-top: 55px;width: 90%;}
.index_a .sc_scroll {width: 92%;}
.index_a .swiper-wrapper {margin: 0 auto;}
.index_a .swiper-slide {}
.index_a .swiper-slide .img {width: 200px;height: 200px;border: 8px solid #fff;border-radius: 50%;overflow: hidden}
.index_a .sc_scroll_item img {margin: 0 auto;width: 100%}
.index_a .sc_scroll_item p {height: 36px;line-height: 36px;margin-top: 10px;text-align: center;font-size: 22px;color: #000;font-weight: bold;}
.index_a .swiper-button-next, .index_a .swiper-button-prev {top: 35%}

@media screen and (max-width: 1440px) {
.index_a .swiper-slide .img {width: 150px;height: 150px}
    .index_a .sc_scroll_item p{font-size: 20px}
}
@media screen and (max-width: 790px) {
.index_a .sc_wrap {margin-top: 20px;width: 100%;}
.swiper-button-next, .swiper-button-prev {display: none;}
.index_a .sc_scroll_item p {font-size: 17px;}
}

/*产品展示*/
.telpro{display: none}
.pro {width: 90%;margin: 0px auto;position: relative;overflow: hidden;padding: 0% 0 4% 0;}
.pro ul {width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.pro li {width: 24%;}
.pro ul li {position: relative;float: left;width: 24%;margin: 0 .5% 1%;overflow: hidden;box-sizing: border-box;background-color: #f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;
-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.pro ul li .img {width: 100%;object-fit: cover;object-position: center;overflow: hidden;}
.pro ul li .img img {width: 100%;transition: 0.4s ease;-moz-transition: 0.4s ease;-webkit-transition: 0.4s ease;}
.pro ul li .img:hover img {transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);}
.pro ul li .proText {padding: 25px 0;transition: .4s;-webkit-transition: .4s;}
.pro ul li strong {display: block;color: #333333;text-align: center;font-weight: 700;font-size: 23px;border-bottom: #e1dfdf 1px solid;padding-bottom: 15px;}
.pro .protel {width: 70%;margin: 0 auto;line-height: 45px;padding: 0 0 15px 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;font-size: 16px;}
.pro .protel .protel_a {width: 47%;text-align: center;border: 1px solid transparent;border-color: rgba(151, 151, 151, 0.3);transition: .5s;background: #0dba3b;color: #fff;}
.pro .protel .protel_a:hover {background: #0db562;}
.pro .protel .protel_b {width: 47%;text-align: center;border: 1px solid transparent;border-color: rgba(151, 151, 151, 0.3);transition: .5s;background: #0db562;color: #fff;}
.pro .protel .protel_b:hover {background: #0dba3b;}

@media screen and (max-width: 1440px) {
    .pro ul li strong{font-size: 18px}
}
@media screen and (max-width: 790px) {
.pro {display: none}
.telpro{display: block; width: 95%; margin: 0 auto}
.telpro ul{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
    .telpro li{width: 49%}
    .telpro li .img{width: 100%}
    .telpro li .img img{width: 100%}
    .telpro li .proText{line-height: 21px; text-align: center; font-size: 16px;  background: #f2f2f2; padding: 15px 0;}
}


/*about*/
.about .about_tit h4 {display: none;}
.about {width: 100%;background: #f0f9fe url('../images/about_bg.jpg') no-repeat center top;padding: 5% 0 4% 0;}
.about .about_tit {text-align: center;}
.about .about_tit h2 {font-size: 56px;color: #fff;font-weight: bold}
.about .about_tit h2 em {color: #fff;background-image: -webkit-linear-gradient(0deg, #0db288, #0dba3b);padding: 0 25px;border-radius: 70px;}
.about .about_tit h3 {font-size: 18px;font-weight: 400;color: #fff;margin-top: 11px;}
.about .s_width {display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;width: 85%;margin: 4% auto 0 auto;}
.about .about_l {width: 50%;padding: 0 4% 4% 4%;color: #fff;}
.about .about_l h3 {font-weight: 500;font-size: 36px;}
.about .about_l h3 em {font-weight: 800;text-transform: uppercase;display: block;}
.about .about_l h3:after {content: "";width: 100px;height: 5px;background: #27b16f;display: block;border-radius: 10px;margin-top: 15px;}
.about .about_l p {margin-top: 6%;line-height: 31px;font-weight: 200;font-size: 17px}
.flex {display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;width: 100%;margin: 0 auto;}
.flexwp {flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.flexbt {-webkit-box-pack: space-between;-ms-flex-pack: space-between;justify-content: space-between;-webkit-justify-content: space-between;}
.brandNum {margin-top: 1rem;}
.brandNum {margin-top: 5%;}
.brandNum .fbs {width: 46%;margin: 4% 2% 4% 0;}
.imgBad img {width: 1.5rem;margin-bottom: 1.6rem;}
.brandLeft {padding: .5rem 0 0 1rem;width: 45%;background-size: cover !important;position: relative;z-index: 3;}
.mapPoint {margin: .6rem 0 -1.2rem 0;}
.colorlogo {color: #fff;}
.line1 {line-height: 1;}
.about .about_r {width: 50%;position: relative;}
.about .about_r img {border-radius: 30px;width: 100%;}

@media screen and (max-width: 1440px) {
    .about .about_tit h2{font-size: 46px }
}
@media screen and (max-width: 1150px) {
.flex {display: none;}
}

@media screen and (max-width: 1023px) {
    .about .about_tit h2 i{display: none}
    .about .about_tit h2 em{color: #fff;background-image: none;font-size: 32px}
    .about .about_l h3{display: none}
.about .s_width {width: 95%;display: block;}
.about .about_l {width: 100%;padding: 0 0 4% 0%}
.about .about_r {width: 100%;}
}

/*case*/
.case .case_tit h4 {display: none;}
.case {width: 100%;background: #f0f9fe url('../images/casebg.jpg') no-repeat center bottom;padding: 4% 0 3% 0;}
.case .case_tit {text-align: center;}
.case .case_tit h2 {font-size: 56px;color: #0db562;font-weight: bold}
.case .case_tit h2 em {color: #fff;background-image: -webkit-linear-gradient(0deg, #0db288, #0dba3b);padding: 0 25px;border-radius: 70px;}
.case .case_tit h3 {font-size: 18px;font-weight: 400;color: #333;margin-top: 11px;}
.tx_index_pro {overflow: hidden;width: 100%;padding: 20px 0;clear: both;position: relative;margin-top: 1%;}
.rtCont {position: relative;width: 85%;margin: 0 auto;overflow: hidden;}
.rtCont ul {}
.rtCont ul li {width: 430px;float: left;border-radius: 18px;overflow: hidden;margin: 0 15px 0 15px;position: relative;z-index: 1;}
.pro_pic {overflow: hidden;}
.rtCont ul li img {border-radius: 10px 10px 0 0;width: 100%;transition: 0.4s ease;-moz-transition: 0.4s ease;-webkit-transition: 0.4s ease;}
.rtCont ul li:hover img {transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);}
.rtCont ul li h3 {background-image: -webkit-linear-gradient(left, #f8f8f8, #f1f8fe);}
.rtCont ul li h3 a {color: #333;line-height: 50px;text-align: center;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 3% 0;transition: all linear .3s;font-weight: 300;}
.rtCont ul li:hover h3 a {font-weight: bold;color: #fff;background-image: -webkit-linear-gradient(left, #0db288, #0dba3b);}
.case_more {margin: 0 auto;display: block;margin-top: 1%;background: none;width: 180px;height: 53px;border-radius: 80px;border: 1px solid transparent;border-color: rgba(16, 165, 96, 0.3);text-align: center;color: #000;line-height: 53px;}
.case_more:hover {background: #10a560;color: #fff;}

@media screen and (max-width: 1440px) {
    .case .case_tit h2{font-size: 46px }
}

@media screen and (max-width: 1023px) {
    .case .case_tit h2{font-size: 46px }
    .case .case_tit h2 i{display: none}
    .case .case_tit h2 em{background-image: none; color: #008b3f; font-size: 32px}
    .case .case_tit h3{font-size: 16px}
    .rtCont{width: 95%}
    .rtCont ul li {width: 250px;}
}

/*news*/
.news .news_tit h4 {display: none;}
.news {width: 85%;margin: 0 auto;padding: 4% 0 3% 0;}
.news .news_tit {text-align: center;}
.news .news_tit h2 {font-size: 56px;color: #0db562;font-weight: bold}
.news .news_tit h2 em {color: #fff;background-image: -webkit-linear-gradient(0deg, #0db288, #0dba3b);padding: 0 25px;border-radius: 70px;}
.news .news_tit h3 {font-size: 18px;font-weight: 400;color: #333;margin-top: 11px;}
.index_4_1 {width: 100%;margin: 3% auto 0 auto;}
.index_4_1 ul li {float: left;width: 32%;margin-right: 1.27450980392157%;background: #f2f2f2;font-size: 16px;border: 1px solid transparent;border-color: rgba(151, 151, 151, 0.1);}
.index_4_1 ul li:nth-child(3n) {margin-right: 0}
.index_4_1_mid_1 {overflow: hidden;position: relative;}
.index_4_1_mid_1 img {width: 100%;}
.index_4_1_mid_2 {margin: 0 5%;margin-top: 2.125em;}
.index_4_1_mid_2_1 {color: #2f9e47;font-family: Calibri;}
.index_4_1_mid_2_2 {font-size: 1.5em;color: #000;margin-top: .75em;margin-bottom: .75em;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.index_4_1_mid_2_3 {color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-wrap: break-word;word-break: break-all;line-height: 1.9;}
.index_4_2 {text-align: center;margin: 4.375em 0;}
.index_4_1_mid {overflow: hidden;position: relative;padding-bottom: 20px;}
.index_4_1_mid:after {height: 1.70807453416149%;left: 50%;background-position: center top;background-repeat: no-repeat;background-size: cover;content: '';position: absolute;bottom: -1.70807453416149%;width: 84.50704225352113%;transform: translateX(-50%);
background-image: linear-gradient(to right, #0db288, #0dba3b);
border-radius: 20px 20px 0 0;}
.index_4_1 ul li:hover .index_4_1_mid:after {bottom: 0;-webkit-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;}
.a-image-hover {align-items: center;color: #fff;display: flex;font-size: 14px;font-family: Arial, Helvetica, sans-serif;height: 100%;justify-content: center;left: 0;letter-spacing: 0;line-height: 1;position: absolute;top: 0;width: 100%;z-index: 2}

.a-image-hover span {display: inline-block;opacity: 0;transform: translate3d(-30px, 0, 0);transition: all .5s cubic-bezier(.14, 1, .34, 1) 0s}
.a-image-hover span:first-child {transition-delay: .03s}
.a-image-hover span:nth-child(2) {transition-delay: .06s}
.a-image-hover span:nth-child(3) {transition-delay: .09s}
.a-image-hover span:nth-child(4) {transition-delay: .12s}
.index_4_1 ul li:hover .a-image-hover span {opacity: 1;transform: translateZ(0)}
.index_4_1 ul li:hover .a-image-hover span:first-child {transition-delay: .12s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(2) {transition-delay: .06s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(3) {transition-delay: .04s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(4) {transition-delay: .03s}
.index_4_1_mid_1:after {background-color: rgba(0, 0, 0, .3);content: "";height: 100%;left: 0;z-index: 1;opacity: 0;position: absolute;top: 0;transition: all .5s cubic-bezier(.4, .8, .74, 1) 0s;width: 100%}
.index_4_1 ul li:hover .index_4_1_mid_1:after {opacity: 1;}
.index_4 {overflow: hidden;background: #f7f9fb;padding-top: 4%;}
@media screen and (max-width: 1440px) {
.news .news_tit h2 {font-size: 46px;}
.news .news_tit p {font-size: 16px;}
}


@media screen and (max-width: 790px) {
.news {width: 100%;margin-bottom: 150px;}
    .news .news_tit h2{font-size: 46px }
    .news .news_tit h2 i{display: none}
    .news .news_tit h2 em{background-image: none; color: #008b3f; font-size: 32px}
    .news .news_tit h3{font-size: 16px}
.index_4_1 {width: 95%;margin-bottom: 100px;}
.index_4_1 ul li {width: 100%;margin-right: 0;}
.index_4_1_mid_2_2 {font-size: 18px;}
.index_4_1_mid_2_3 {font-size: 15px;}
}
.news_box {margin: 0 auto;}
.news_box li {line-height: 55px;border-bottom: 1px solid transparent;border-color: rgba(151, 151, 151, 0.3);}
.news_box li span {float: right;}
.flex-center {width: 85%;margin: 5% auto;text-align: center;}


/* ===================== 内页 Banner 图 ===================== */


.inbanner {
width: 100%;
height: 600px;
position: relative;
overflow: hidden;
background: #000;
}

.inbanner > img {
position: relative;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
opacity: 0.7;
}

.inbanner .cer {
position: relative;
height: 100%;
}

@media screen and (max-width: 1440px) {
.inbanner {
height: 500px;
}
}

@media screen and (max-width: 1023px) {
.inbanner {
height: 300px;
}
}

@media screen and (max-width: 750px) {
.inbanner {
height: 180px;
}
}

.inbanner2 {
width: 100%;
height: 380px;
position: relative;
overflow: hidden;
background: #000;
}

.inbanner2 > img {
position: relative;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
opacity: 0.7;
}

.ibcate {
position: absolute;
width: 100%;
left: 0;
bottom: 50%;
z-index: 1;
color: #fff;
text-align: center;
overflow: hidden;
margin-bottom: -90px;
}

.ibcate .cn {
font-size: 54px;
line-height: 56px;
font-weight: bold;
letter-spacing: 2px;
text-indent: 2px;
}

.ibcate .en {
font-size: 36px;
}

.ibcate .hx {
width: 40px;
height: 3px;
background-color: #fff;
margin: 25px auto 10px auto;
}

.mouse {
width: 50px;
height: 50px;
margin-top: 123px;
margin-left: -25px;
position: absolute;
left: 50%;
top: 50%;
z-index: 2; /*font-size: 16px; line-height: 28px; color: #fff; text-align: center;*/
background: url('../images/jtd-ib.png') center 0 no-repeat;
}

@media screen and (max-width: 750px) {
.ibcate {
margin-bottom: -83px;
}

.ibcate .cn {
font-size: 36px;
}

.ibcate .en {
font-size: 18px;
line-height: 60px;
}

.ibcate .hx {
margin: 0 auto;
}

.mouse {
display: none;
}
}

.baninfo {height: 70px;position: relative;z-index: 2;color: #fff;margin-bottom: 1%;}
.baninfo .cer8 {height: 100%;}
.tree {height: 100%;font-size: 16px;line-height: 70px;color: #fff;padding-left: 30px;background: url('../images/ico28.png') 0 no-repeat;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.tree a {display: inline-block;height: 100%;color: #fff;vertical-align: middle;}
.tree a:hover,.tree a.leaf {color: #ef7c00;}
.tree i {display: inline-block;width: 28px;height: 100%;vertical-align: middle;text-align: center;}

/*内页公司简介*/
.mbx {width: 100%;height: 60px;border-bottom: 1px solid transparent;border-color: rgba(151, 151, 151, 0.3);box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.mbx .mbx_cont {width: 85%;margin: 0 auto;font-size: 16px;line-height: 60px;color: #333;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.mbx .mbx_cont a {color: #333;}
.main{width: 85%; margin: 0 auto}
.main .main_tit h4 {display: none;}
.main {width: 85%;margin: 0 auto;padding: 4% 0 3% 0;}
.main .main_tit  {text-align: center;}
.main .main_tit  h2 {font-size: 56px;color: #0db562;font-weight: bold}
.main .main_tit  h2 em {color: #fff;background-image: -webkit-linear-gradient(0deg, #0db288, #0dba3b);padding: 0 25px;border-radius: 70px;}
.main .main_tit h3 {font-size: 18px;font-weight: 400;color: #333;margin-top: 11px;}
.main_box{margin-top: 3%; font-size: 18px; line-height: 36px}
.main_box p{text-indent:2em; margin-top: 15px}

@media screen and (max-width: 1440px) {
    .main .main_tit h2{font-size: 46px }
}
@media screen and (max-width: 1023px) {
    .main{width: 95%}
.main .main_tit h2 {font-size: 46px}
.main .main_tit h2 i {display: none}
.main .main_tit h2 em {background-image: none;color: #008b3f;font-size: 32px}
.main .main_tit h3 {font-size: 16px}
    .main_box{font-size: 16px; line-height: 31px}
}
/*内页团队风采*/

.se_pro {
width: 85%;
margin: 0 auto;
}

.se_pro ul {
-webkit-justify-content: left;
justify-content: left;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}

.se_pro ul li {
transition: all .3s ease;
width: 31%;
border: 1px solid transparent;
border-color: rgba(151, 151, 151, 0.3);
margin: 0 1% 2% 1%;
}

.se_pro ul li .pro_pic img {
width: 100%;
}

.se_pro ul li .pro_pic i {
display: none;
}

.se_pro ul li .pro_tit {
font-size: 18px;
color: #282727;
line-height: 70px;
display: block;
text-align: center;
}

.se_pro ul li .pro_pic {
position: relative;
display: block;
overflow: hidden;
}

.se_pro ul li .pro_pic i {
display: block;
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
transform: skewx(-25deg);
-o-transform: skewx(-25deg);
-moz-transform: skewx(-25deg);
-webkit-transform: skewx(-25deg);
}

.se_pro ul li:hover .pro_pic i {
transition: all .3s ease;
left: 100%
}

.se_pro ul li:hover {
transition: all .3s ease;
transform: translateY(-6px);
-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
-moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5)
}
.se_pro .protel{ width: 70%; 
margin: 0 auto;
line-height: 45px;
padding: 0 0 15px 0;
display: flex;
display: -webkit-flex;
-webkit-justify-content: space-between;
justify-content: space-between;
font-size: 16px;}
.se_pro .protel .protel_a {
width: 47%;
text-align: center;
border: 1px solid transparent;
border-color: rgba(151, 151, 151, 0.3);
transition: .5s;
background: #0dba3b;
color: #fff;
}

.se_pro .protel .protel_a:hover {
background: #0db562;
}

.se_pro .protel .protel_b {
width: 47%;
text-align: center;
border: 1px solid transparent;
border-color: rgba(151, 151, 151, 0.3);
transition: .5s;
background: #0db562;
color: #fff;
}

.se_pro .protel .protel_b:hover {
background: #0dba3b;
}


@media screen and (max-width: 1280px) {
.se_pro ul li {
width: 31%;
}
}

@media screen and (max-width: 1023px) {
.se_pro {
width: 98%;
}

.se_pro ul {
margin-left: 0;
}

.se_pro ul li {
width: 47%;
}

.se_pro ul li .pro_tit {
font-size: 16px;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-height: 50px;
}
    .se_pro .protel{display: none}
}


/* ===================== 内页 Banner 图 ===================== */
.inbanner2 {
width: 100%;
height: 380px;
position: relative;
overflow: hidden;
background: #000;
}

.inbanner2 > img {
position: relative;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
opacity: 0.7;
}

.inbanner3 {
width: 100%;
height: 850px;
position: relative;
z-index: 2;
overflow: hidden;
-webkit-perspective: 1500px;
perspective: 1500px;
}

.inbanner3 .ibwrap {
position: relative;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}

.inbanner3 .ibwrap > img {
position: relative;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
}

/*产品详情*/
.se_procont {width: 100%;background: url(../images/about_bg.jpg) repeat center top;padding: 6% 0 4% 0;}
.se_procont .s_width {background: #fff;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;width: 85%;margin: 0 auto;}
.se_procont .se_procont_l {width: 45%;}
.se_procont .se_procont_l img {width: 100%;}
.l {float: left;}
.r {float: right;}
#showbigpic {width: 100%;max-width: 800px;}
.piclist {width: 89%;overflow: hidden;margin: 0 auto}
#modal-pic {height: 100%;}
#modal-pic img {width: 100%;}
.modal-dialog {width: 100%;}
.modal-content {height: 80%;overflow: hidden}
.modal-footer {padding: 15px 0;background: #fff}
.absolute {position: absolute}
.arrow-left {top: 5px;left: 5px;color: white;cursor: pointer;width: 20px;height: 100px;background: url(../images/lleft.png) no-repeat center top;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}

.arrow-right {
top: 5px;
right: 5px;
color: white;
cursor: pointer;
width: 20px;
height: 100px;
background: url(../images/rright.png) no-repeat center top;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.arrow-left:hover {
background: url(../images/left_h2.png) no-repeat center top;
}

.arrow-right:hover {
background: url(../images/right_h2.png) no-repeat center top;
}

#mycarousel {
transition: all .4s;
}

.espcms_pro_photo li {
float: left;
width: 80px;
margin-right: 10px;
text-indent: 0;
}

.espcms_pro_photo li img {
width: 76px;
height: auto;
background: #fff
}

.se_product_box {
width: 85%;
margin: 4% auto;
}

.se_product_box .se_product_tit {
font-size: 30px;
font-weight: bold;
    background-image: -webkit-linear-gradient(left,#0db288, #0dba3b);
padding: 20px 0px;
width: 200px;
text-align: center;
color: #fff;
}

.se_product_box .se_product_cont p {
font-size: 18px;
line-height: 35px;
}

.se_product_cont table {
width: 100%;
text-align: center;
border-spacing: 0px;
border-collapse: collapse;
background: #fff;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}

.se_product_cont tr:first-child {
background-image: linear-gradient(90deg, #2d68bf 3%, #0b296d 100%);
background: #0181e0;
height: 60px;
line-height: 60px;
color: #fff;
}

.se_product_cont tr:nth-child(2n+3) {
background: #f5f5f5;
}

.se_product_cont .bhead {
background-image: linear-gradient(90deg, #2d68bf 3%, #0b296d 100%);
background: #0181e0;
color: #fff
}

.se_product_cont tr.odd {
background: #f5f5f5;
color: #333;
}

.se_product_cont tr.even {
background: none;
}

.se_product_cont td.even {
background: #fff;
}

.se_product_cont table td {
line-height: 46px;
border: 1px solid #ddd;
}

.se_product_cont tr {
border: 1px solid #ddd;
}

.se_product_cont .fr.frcontent {
width: 22.1%;
background: url(../images/ico15.png) repeat;
margin-top: 80px;
margin-bottom: 40px;
-webkit-box-shadow: 2px 4px 15px 0 rgba(30, 37, 79, 0.4);
-moz-box-shadow: 2px 4px 15px 0 rgba(30, 37, 79, 0.4);
box-shadow: 2px 4px 15px 0 rgba(30, 37, 79, 0.4);
}

.se_product_cont .fr.frcontent .tt {
padding: 0 35px;
margin-top: -31px;
}

.se_procont_r .lxinfo {
margin-top: 40px;
display: flex;
display: -webkit-flex;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 80%;
}

.se_procont_r .lxinfo p {
}

.se_procont_r .pro-tel {
font-size: 15px;
color: #333;
background: url(../images/ico26ac.png) no-repeat 0 5px;
background-size: 65px;
padding-left: 83px;
}

.se_procont_r .pro-tel i {
font-size: 30px;
font-weight: bold;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(left,#0db288, #0dba3b);

display: block;
margin-top: 5px;
}

.se_procont_r .click a { color: #fff;
display: block;
width: 216px;
height: 53px;
background: url(../images/ico27.png) no-repeat;
font-size: 20px;
font-weight: bold;
line-height: 40px;
padding-left: 64px;
margin-top: 10px;
margin-left: 40px;
}

.se_procont_r .click a:hover {
position: relative;
top: 5px;
left: 5px;
}

@media screen and (min-width: 1025px) {

.se_procont_r {
width: 50%;
padding-top: 4%;
}

.se_procont .se_procont_r h1 {line-height: 1.25;font-size: 40px;font-weight: 800;}
.se_procont .se_procont_r .aside {margin-top: 20px;line-height: 1.25;}
.se_procont .se_procont_r .aside span {font-size: 16px;color: #666;}
.se_procont .se_procont_r .imax {margin: 16px 0 20px 0;padding-top: 16px;border-top: 1px solid transparent;border-color: rgba(151, 151, 151, 0.3);;color: #666;font-size: 16px;}
.se_procont .se_procont_r .imax p {line-height: 31px;}
.se_procont .se_procont_r .btns {margin-top: 12%;}
    .se_procont .se_procont_r .btns .btn {z-index: 2;display: inline-block;vertical-align: top;position: relative;overflow: hidden;min-width: 120px;line-height: 45px;
padding: 5px 10px;
border-radius: 70px;
text-align: center;
font-size: 16px;
border: #e0e0e0 solid 1px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
color: #333333;
}

.se_procont .se_procont_r .btns .btn:after {
background-color: #082b4a;
opacity: 1;
z-index: -1;
content: " ";
position: absolute;
border-radius: 50%;
left: 50%;
top: 50%;
background-color: #fff;
width: 108%;
padding-bottom: 108%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
pointer-events: none;
}

.se_procont .se_procont_r .btns .btn:nth-child(1n+2) {
margin-left: 0.6rem;
}

.se_procont .se_procont_r .btns .btn2 {
color: #0181e0;
border-color: #082b4a;
}
}

@media screen and (min-width: 1025px) {
.se_procont .se_procont_r .btn1:hover {
color: #171c32;
}

.se_procont .se_procont_r .btn2 {
color: #082b4a;
border-color: #082b4a;
}

.se_procont .se_procont_r .btn2:hover {
color: #171c32;
}
}

@media screen and (max-width: 1024px) {
.se_procont .se_procont_r {
max-width: 100%;
margin-top: 0.7rem;
width: 514px;
margin-left: auto;
margin-right: auto;
padding-bottom: 0.4rem;
}

.se_procont .se_procont_r .btns {
position: relative;
margin-top: 0.6rem;
bottom: 0;
}
}

@media screen and (max-width: 1023px) {
.inbanner2 {
height: 180px;
}

.se_procont {
padding: 5% 0 4% 0;
}

.se_procont .s_width {
width: 98%;
display: block;
}

.se_procont .se_procont_l {
width: 100%;
}

.se_procont .se_procont_r {
width: 90%;
}

.se_procont .se_procont_r h1 {
font-size: 25px;
padding-top: 3%;
color: #000;
}

.se_procont_r .pro-tel {
color: #000;
}

.se_procont .se_procont_r .aside {
margin-top: 10px;
}

.se_procont .se_procont_r .imax {
font-size: 15px;
display: none;
}

.se_procont .se_procont_r .imax p {
line-height: 24px;
}

.se_procont .se_procont_r .btns .btn {
min-width: 100px;
line-height: 28px;
}

.right-fd {
display: none !important;
}

.se_procont .s_width {
background: #fff;
padding: 0%;
width: 95%;
}

.se_procont_r .click a {
display: none;
}

#modal-pic {
height: 40vh;
}

.se_product_box .se_product_tit {
font-size: 23px;
width: 150px;
padding: 10px 0;
}

.se_product_box .se_product_cont p {
font-size: 16px;
line-height: 31px;
}
}


/*anli xiangqing*/
.case_wx {
width: 200px;
display: block;
margin: 0 auto;
}

.case_wx img {
width: 100%;
}

.atc-con i {
text-align: center;
display: block;
}

/*6产品详情*/
.propage-out {
width: 100%;
position: relative;
z-index: 2;
margin-top: -676px;
}

.propage-wrap {
background-color: #fff;
padding: 20px 20px 20px 20px;
}

.profirst {
overflow: hidden;
min-height: 410px;
margin-top: 4%;
}

.xijie {
width: 49%;
height: auto;
float: left;
z-index: 1;
position: relative;
}

.xijie .bigpic {
width: 100%;
height: 100%;
position: relative;
text-align: center;
font-size: 0;
}

.xijie .bigpic img {
max-width: 100%;
max-height: 100%;
}

.proinfo {
float: right;
width: 45%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.proinfo .proname {
font-size: 36px;
line-height: 50px;
color: #333;
margin-bottom: 28px;
}

.aside {
margin-top: 0.1rem;
line-height: 31px;
}

.aside span {
font-size: 16px;
}

.proinfo .xiangxi {
font-size: 16px;
line-height: 31px;
color: #666;
max-height: 160px;
overflow: auto;
margin-top: 24px;
}

.proinfo .probtnarea {
font-size: 0;
margin-top: 50px;
}

.proinfo .probtn {
display: inline-block;
width: 178px;
height: 58px;
border: 1px solid #ddd;
border-radius: 5px;
margin-left: 34px;
color: #fff;
font-size: 16px;
line-height: 58px;
text-align: center;
position: relative;
overflow: hidden;
background: #00aa4b;
}

.proinfo .probtn:first-child {
margin-left: 0;
}

.proinfo .probtn:hover {
color: #333;
border-color: #00aa4b;
}

@media screen and (max-width: 1440px) {
.propage-wrap {
padding: 100px 80px 140px;
}
}

@media screen and (max-width: 1200px) {
.propage-out {
margin-top: -546px;
}

.propage-wrap {
padding: 80px 60px 120px;
}
}

@media screen and (max-width: 1100px) {
.proinfo .probtn {
width: 111px;
margin-left: 24px;
}
}

@media screen and (max-width: 1024px) {
.aside {
display: none;
}

.propage-wrap {
padding: 60px 40px 100px;
}

.profirst {
height: auto;
}

.xijie {
float: none;
width: 100%;
margin-bottom: 50px;
}

.proinfo {
float: none;
width: 100%;
height: auto;
}

.proinfo .proname {
font-size: 30px;
}

.proinfo .xiangxi {
max-height: none;
}
}

@media screen and (max-width: 750px) {
.propage-out {
margin-top: -92px;
}

.propage-wrap {
padding: 60px 0 90px;
}

.proinfo .probtn {
height: 48px;
line-height: 48px;
}
}


/*内页联系我们*/
.lianxi-out {
padding: 100px 0 100px;
background: url('../images/lxbg.jpg') bottom no-repeat;
}

@media screen and (max-width: 1440px) {
.lianxi-out {
padding: 120px 0 240px;
}
}

@media screen and (max-width: 1023px) {
.lianxi-out {
padding: 100px 0 180px;
}
}

@media screen and (max-width: 750px) {
.lianxi-out {
padding: 80px 0 120px;
}
}

.lianxi {
width: 100%;
height: 696px;
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.lxleft {
width: 464px;
}

.lxright {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}

#map {
width: 100%;
height: 100%;
}

.lxlist {
width: 100%;
}

.lxlist li {
padding: 0 55px;
height: 173px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1px;
}

.lxlist .lin {
padding-left: 64px;
position: relative;
}

.lxlist .i1 {
background-color: #082b49;
}

.lxlist .i2 {
background-color: #de2219;
}

.lxlist .i3 {
background-color: #082b49;
}

.lxlist .i4 {
background-color: #de2219;
}

.lxlist .i1 .lin {
background: url('../images/lx1.png') 0 no-repeat;
}

.lxlist .i2 .lin {
background: url('../images/lx2.png') 0 no-repeat;
}

.lxlist .i3 .lin {
background: url('../images/lx3.png') 0 no-repeat;
}

.lxlist .i4 .lin {
background: url('../images/lx4.png') 0 no-repeat;
}

.lxlist li h3 {
font-size: 16px;
color: #fff;
line-height: 28px;
height: 28px;
overflow: hidden;
}

.lxlist li .txt {
font-size: 16px;
color: #fff;
line-height: 28px;
}

.lxlist li .num {
font-size: 36px;
color: #fff;
line-height: 36px;
font-family: "amerigobt";
}

.lxlist li .num a {
color: #fff;
}

@media screen and (max-width: 1440px) {
.lxleft {
width: 360px;
}

.lxlist li {
padding: 0 30px;
}

.lxlist .lin {
padding-left: 54px;
}

.lxlist li .num {
font-size: 30px;
}
}

@media screen and (max-width: 1024px) {
.lianxi {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
}

.lxleft {
width: 100%;
}

.lxright {
width: 100%;
height: 696px;
}

.lxlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.lxlist li {
height: 120px;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
width: 100%;
}

.lxlist li .num {
font-size: 16px;
line-height: 28px;
}
}

.sContact-map {
position: relative;
width: 100%;
height: 100%;
}

.sContact-map #dituContent {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 1.1;
background-color: #f5f3f0;
}

.sContact-map #dituContent .BMap_bubble_title {
font-size: 16px;
margin-bottom: 5px;
padding-right: 16px;
color: #d70c18;
}

.sContact-map #dituContent .BMap_bubble_content {
width: auto;
font-size: 14px;
line-height: 18px;
}

.sContact-map #dituContent img {
max-width: none;
}

._pen .sContact-map {
pointer-events: none;
}

@media screen and (max-width: 1024px) {
.sContact-map {
margin-top: 0.6rem;
}
}


/*内页产品展示*/
.probanner {
background: #cdd0d1;
padding: 25px 0;
text-align: center;
margin-top: 125px;
}

.probanner .cn {
color: #fff;
font-size: 36px;
font-weight: bold;
}

.se_prolist {
width: 85%;
margin: 0 auto;
}

.se_prolist ul {
display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
justify-content: center;
flex-wrap: wrap;
}

.se_prolist li {
padding: 0 3%;
line-height: 7vh;
text-align: center;
margin: 1% 0.5%;
transition: .5s;
background: #fff;
color: #333;
cursor: pointer;
font-weight: 700;
}

.se_prolist li a {
color: #333;
}

.se_prolist li:hover {
background: #dd2118;
}

.se_prolist li:hover a {
color: #fff;
}


.se_tuandui {
width: 75%;
margin: 0 auto 1rem auto;
}

.se_tuandui ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.se_tuandui li {
width: 31%;
margin: 0 1% 2% 1%;
position: relative;
overflow: hidden;
border: 1px solid #eee;
color: #fff;
}

.se_tuandui li:nth-child(3n) {
margin-right: 0px;
}

.se_tuandui li .p-img {
margin: 0 auto 0px auto;
text-align: center;
position: relative;
overflow: hidden;
width: 100%;
object-fit: cover;
object-position: center;
}

.se_tuandui li .p-name {
line-height: 65px;
word-break: break-all;
word-wrap: break-word;
overflow: hidden;
text-align: center;
font-weight: 700;
color: #fff;
background: #343643;
text-transform: uppercase;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}

.se_tuandui li .p-img img {
width: 100%;
height: 100%;
transition: 0.4s ease;
-moz-transition: 0.4s ease;
-webkit-transition: 0.4s ease;
}

.se_tuandui li:hover img {
transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
}

.se_tuandui p {
font-size: 18px;
line-height: 35px;
color: #333;
}

.se_tuandui p span {
font-size: 20px;
color: #e9e9e9;
}

.se_tuandui li .p-name em {
font-weight: 100;
padding: 0 2%;
}

.se_tuandui ul li:hover {
cursor: pointer;
}

.se_tuandui ul li:hover .p-name {
color: #fff;
}

.se_tuandui li:hover .p-name {
background: #082b4a;
}


.se_case {
width: 85%;
margin: 4% auto 1rem auto;
}

.se_case ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.se_case li {
padding: 0;
width: 14%;
margin: 0 1% 2% 0;
position: relative;
overflow: hidden;
border: 1px solid #eee;
color: #fff;
}

.se_case li:nth-child(4n) {
margin-right: 0px;
}

.se_case li .p-img {
margin: 0 auto 0px auto;
text-align: center;
position: relative;
overflow: hidden;
width: 100%;
object-fit: cover;
object-position: center;
}

.se_case li .p-name {
line-height: 65px;
word-break: break-all;
word-wrap: break-word;
overflow: hidden;
text-align: center;
font-weight: 500;
color: #fff;
background: #082b4a;
text-transform: uppercase;
}

.se_case li .p-img img {
width: 100%;
height: 100%;
transition: 0.4s ease;
-moz-transition: 0.4s ease;
-webkit-transition: 0.4s ease;
}

.se_case li:hover img {
transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
}


@media (max-width: 1440px) {
.se_tuandui li .p-img {
}
}

@media (max-width: 1280px) {
.se_tuandui {
width: 95%;
margin: 1rem auto 1rem auto;
}

.se_tuandui li {
width: 23%;
}

.se_tuandui li .p-img {
}
}

@media (max-width: 1000px) {
.se_tuandui li .p-img {
height: 185px;
}

.se_tuandui ul li i {
background: none;
}
}


.fenye {width: 1280px;margin: 0 auto 1% auto;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;-webkit-align-items: center;
height: 45px;}
.fenye_zong {font-size: 13px;padding: 0 10px;text-align: center;border: 1px solid #dddddd;margin: 0 3px 6px;color: #666;line-height: 26px;}
.seprobox_l {background: #fff;width: 100%;}
.seprobox_l h3 {margin-top: 50px;margin-bottom: 40px;font-size: 36px;color: #000000;line-height: 1.3;font-weight: bold;}

.seprobox_l h3 i {
margin-right: 3.125%;
font-size: 36px;
color: #c4c4c4;
font-family: "Consolas";
font-style: normal;
font-weight: normal;
line-height: 1;
opacity: 0.5;
}

.seprobox_l h3 i:before {
content: "";
width: 12px;
height: 3px;
background: #c4c4c4;
display: inline-block;
vertical-align: middle;
margin-right: 17px;
}

.seprobox_l p {
margin-top: 40px;
margin-bottom: 40px;
color: #000000;
line-height: 1.8;
text-indent: 2em;
}

.seprobox_l p img {
text-indent: -4em;
display: block;
margin: 0 auto;
}


@media (max-width: 1000px) {
.fenye {
width: 100%;
margin: 0 auto 0 auto;
height: 180px;
padding-bottom: 15%;
display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
justify-content: center;
align-items: center;
-webkit-align-items: center;
}

.fenye_zong {
font-size: 14px;
width: 100px;
background: #f2f2f2;
text-align: center;
line-height: 35px;
}
}


/*se_hangye*/
.cer8 {padding: 0 0 120px;width: 85%;margin: 0 auto;}
.news-box {background: #fff;padding-bottom: 80px;}
.news-list li {position: relative;z-index: 3;border-bottom: 1px solid #dfe2ef;}
.news-list li:before {content: "";width: 100%;height: 0;background: #f5f5f5;position: absolute;left: 0;bottom: 0;transition: 0.58s;z-index: -1;}
.news-list li:hover,.news-list li.active {color: #f5f5f5;}
.news-list li:hover:before,.news-list li.active:before {height: 100%;bottom: auto;top: 0;}
.news-list li:last-child {border-bottom: none;}
.news-list li a {display: block;overflow: hidden;padding: 90px 8.85% 78px;}
.news-list li a:hover .news-text span {background-image: -webkit-linear-gradient(0deg, #0db288, #0dba3b);;border-color: #fff;color: #fff;}
.news-imgs {float: right;width: 39.11%;}
.news-imgs figure {position: relative;display: block;padding-bottom: 56.29%;height: 0;overflow: hidden;line-height: 1;}
.news-imgs figure img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.news-imgs figure img {transition: 0.4s;height: 110%;width: auto;top: -10%;}
.news-content {position: relative;margin-top: 60px;float: left;box-sizing: border-box;padding-left: 110px;width: 50%;}
.news-content .news-numble {position: absolute;left: 0;top: 0;padding-right: 16px;color: #333333;font-size: 24px;line-height: 1.1;font-weight: normal;font-family: "Helvetica";}
.news-content .news-numble:before {position: absolute;right: 0;bottom: 3px;content: "";border-left: 8px solid transparent;border-bottom: 8px solid #333333;}
.news-text strong {display: block;margin-bottom: 48px;line-height: 1.2;color: #222222;font-size: 24px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-text p {color: #333333;font-size: 16px;line-height: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-text span {display: block;margin-top: 56px;width: 128px;height: 42px;line-height: 42px;text-align: center;border: 1px solid #9c9c9c;color: #333333;font-size: 16px;border-radius: 3px;transition: 0.45s;}

@media (max-width: 1000px) {
    .news-box{width: 95%; margin: 0 auto}
    .news-list li a{padding: 0}
    .news-content{width: 100%; float: none}
    .news-imgs{width: 100%; float: none}
    .news-imgs figure img{height: 100%; top: 0}
    .news-content{margin-top: 30px;padding-left:15px}
    .news-content .news-numble{display: none}
    .news-text strong{font-size: 18px; margin-bottom: 10px}
    .news-text span{display: none}
    .news-text p{font-size: 15px; line-height: 28px}
}


/*新闻详情页*/
.greybgnews {
background-color: #f8fafb;
padding: 50px 0 80px;
overflow: hidden;
}

.greybgnews .cer8 {
max-width: 1600px;
margin: 0 auto;
padding: 0 30px;
}

.main {
position: relative;
margin: 0 auto;
}

.atc {
padding: 40px 70px 70px;
background-color: #fff;
}

.atc-h {
border-bottom: 1px solid #e7e7e7;
padding-bottom: 20px;
position: relative;
text-align: center;
}

.atc-h h1 {
font-size: 38px;
color: #333;
line-height: 46px;
font-weight: bold;
margin-bottom: 24px;
}

.atc-date {
font-size: 14px;
color: #888;
line-height: 30px;
}

.atc-date span {
display: inline-block;
margin-right: 48px;
}

.atc-con {
padding: 44px 0 76px;
font-size: 16px;
line-height: 28px;
color: #555;
text-align: justify;
}

.atc-con p {
line-height: 35px;
margin-bottom: 15px;
text-indent: 2em;
font-size: 17px;
}

.atc-con img {
max-width: 100%;
display: block;
margin: 10px auto;
}

.atc-con .videowrap {
width: 1440px;
position: relative;
text-align: center;
margin: 50px auto;
overflow: hidden;
}

.atc-con video {
width: 100%;
height: 612px;
}

@media screen and (max-width: 1440px) {
.atc {
padding: 40px 50px 60px;
}

.videowrap {
width: 100%;
padding-bottom: 42.5%;
height: 0;
}

.video {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}
}

@media screen and (max-width: 1300px) {
}

@media screen and (max-width: 1023px) {
.greybgnews {
padding: 60px 0 150px 0;
background-color: #fff;
}

.greybgnews .cer8 {
max-width: 95%;
padding: 0;
}

.atc {
padding: 0 30px;
}
}

@media screen and (max-width: 960px) {
.atc-con {
padding-bottom: 60px;
}

.atc-date span {
margin-right: 24px;
}
}

@media screen and (max-width: 750px) {
.atc {
padding: 0 0;
}

.atc-h h1 {
font-size: 26px;
margin-bottom: 0;
}
}

.atc-pn {
position: relative;
padding-top: 26px;
padding-right: 160px;
border-top: 1px solid #ddd;
}

.atc-pn a {
display: block;
overflow: hidden;
font-size: 14px;
color: #666;
line-height: 34px;
margin-top: 10px;
}

.atc-pn a:hover {
color: #0db562;
}

.atc-pn a label {
display: inline-block;
border: 1px solid #ccc;
width: 98px;
height: 32px;
text-align: center;
font-size: 14px;
line-height: 32px;
margin-right: 15px;
-webkit-transition: 0.3s;
transition: 0.3s;
}

.atc-pn a:hover label {
border-color: #060707;
}

.atc-pn a.ret {
font-size: 14px;
color: #fff;
line-height: 34px;
text-align: center;
    background-image: -webkit-linear-gradient(left,#0db288, #0dba3b);
width: 110px;
height: 34px;
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
margin-top: 0;
}

.atc-pn a.ret:hover {
opacity: 0.8;
}

@media screen and (max-width: 960px) {
.atc-pn {
padding-right: 0;
}

.atc-pn a.ret {
position: static;
width: 200px;
height: 50px;
line-height: 50px;
border-radius: 5px;
display: block;
margin: 40px auto 0;
font-size: 18px;
}
}

.zhaopinout {
padding: 110px 0 100px;
}

.cate7 {
position: relative;
padding-top: 80px;
padding-bottom: 22px;
font-weight: bold;
text-align: center;
}

.cate7 .en {
font-size: 140px;
color: rgba(83, 185, 112, 0.06);
line-height: 152px;
text-transform: uppercase;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
font-family: "Times New Roman";
}

.cate7 .cn {
font-size: 32px;
color: #333;
line-height: 50px;
position: relative;
z-index: 2;
}

.cate7:after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
z-index: 0;
width: 30px;
height: 3px;
margin-left: -15px;
background-color: #0181e0;
}

.zpintro {
font-size: 16px;
color: #666;
line-height: 34px;
text-align: center;
max-width: 920px;
margin: 24px auto 0;
}

.zpintro span {
display: block;
}

@media screen and (max-width: 1023px) {
.cate7 .en {
font-size: 100px;
line-height: 120px;
}

.zhaopinout {
padding: 90px 0 90px;
}
}

@media screen and (max-width: 920px) {
.zpintro span {
display: inline;
}
}

@media screen and (max-width: 750px) {
.cate7 .en {
font-size: 70px;
line-height: 100px;
}

.zhaopinout {
padding: 70px 0 80px;
}
}

.rec-head {
height: 70px;
background-color: #f5f5f5;
overflow: hidden;
padding: 0 110px;
margin-top: 82px;
}

.rec-head .th {
float: left;
padding: 10px 0;
width: 20%;
height: 50px;
overflow: hidden;
font-size: 18px;
color: #333;
line-height: 50px;
text-align: center;
font-weight: bold;
}

.rec-head .th.zhiwei {
text-align: left;
}

.reclist {
background-color: #fff;
}

.rec-hand {
height: 70px;
background-color: #fff;
overflow: hidden;
padding: 0 110px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.rec-hand .td {
float: left;
padding: 10px 0;
width: 20%;
height: 50px;
overflow: hidden;
font-size: 16px;
color: #555;
line-height: 50px;
text-align: center;
}

.rec-hand .td.zhiwei {
text-align: left;
}

.reclist li:nth-child(even) .rec-hand {
background-color: #f5f5f5;
}

.reclist li.on .rec-hand {
background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#10a560));
background-image: linear-gradient(to right, #255ba9, #10a560);
}

.reclist li.on .rec-hand .td {
color: #fff;
}

.reclist li:hover .rec-hand {
background-color: rgba(32, 180, 184, 0.2);
}

.rec-hand, .reclist .td {
-webkit-transition: 0.6s;
transition: 0.6s;
}

.reclist .rec-con {
display: none;
}

.reclist .rec-txt {
font-size: 16px;
color: #777;
line-height: 30px;
padding: 40px 110px 60px;
border: 1px solid #1373c0;
background-color: #f5f5f5;
}

.reclist .rec-txt .email {
display: inline-block;
color: #1373c0;
text-decoration: underline;
}

.reclist .rec-txt h3 {
font-size: 18px;
color: #333;
font-weight: bold;
margin-bottom: 10px;
}

@media screen and (max-width: 1500px) {
.rec-head, .rec-hand {
padding: 0 80px;
}

.reclist .rec-txt {
padding: 40px 80px 60px;
}
}

@media screen and (max-width: 1200px) {
.rec-head, .rec-hand {
padding: 0 60px;
}

.reclist .rec-txt {
padding: 40px 60px 60px;
}
}

@media screen and (max-width: 1023px) {
.rec-head, .rec-hand {
padding: 0 40px;
}

.reclist .rec-txt {
padding: 40px 40px 60px;
}
}

@media screen and (max-width: 1023px) {
.rec-head .th, .rec-hand .td {
width: 22%;
}

.rec-head .th.zhiwei, .rec-hand .td.zhiwei {
width: 34%;
}

.rec-head .th.bumen, .rec-hand .td.bumen {
display: none;
}
}

@media screen and (max-width: 750px) {
.rec-head .th.addr, .rec-hand .td.addr {
display: none;
}

.rec-head .th {
width: 30%;
}

.rec-head .th.zhiwei {
width: 40%;
}

.rec-hand .td {
width: 30%;
}

.rec-hand .td.zhiwei {
width: 40%;
}

.rec-head, .rec-hand {
padding: 0 20px;
}

.reclist .rec-txt {
padding: 40px 20px 50px;
}
}

@media screen and (max-width: 660px) {
.rec-head .th.renshu, .rec-hand .td.renshu {
display: none;
}
}


/*内页合作案例*/
.kehulist {
overflow: hidden;
margin: 90px 0 72px;
border-top: 1px solid #f2f2f2;
border-left: 1px solid #f2f2f2;
}

.kehulist li {
float: left;
width: 20%;
text-align: center;
}

.kehulist li a {
display: block;
background-color: #fff;
overflow: hidden;
border-bottom: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
}

.kehulist .pic {
width: 100%;
height: 138px;
overflow: hidden;
font-size: 0;
line-height: 138px;
}

.kehulist img {
max-width: 70%;
max-height: 70%;
-webkit-transition: 0.3s;
transition: 0.3s;
}

.kehulist li:hover img {
-webkit-transform: scale(1.04, 1.04);
transform: scale(1.04, 1.04);
}

.huotip {
font-size: 18px;
color: #666;
line-height: 38px;
text-align: center;
position: relative;
height: 38px;
}

.huotip span {
display: inline-block;
vertical-align: top;
letter-spacing: 1px;
padding: 0 26px;
}

.huotip i {
display: inline-block;
width: 40px;
height: 1px;
vertical-align: middle;
background-color: #666;
}

@media screen and (max-width: 1280px) {
.kehulist li {
width: 25%;
}
}

@media screen and (max-width: 960px) {
.huobanmain {
padding: 100px 0 60px;
}

.huobanmain h2.btitle {
font-size: 32px;
}

.kehulist li {
width: 33.33%;
}

.huocon {
line-height: 30px;
}
}

@media screen and (max-width: 640px) {
.huobanmain {
padding: 80px 0 60px;
}

.kehulist li {
width: 50%;
}
}


/*内页联系我们*/
.nycontact{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; width: 75%; margin: 0 auto 4% auto;}
.nycontact li{text-align: center;}
.imgcontact{width: 102px;height:102px;background-image: -webkit-linear-gradient(0deg, #0db288, #0dba3b);;display: flex;border-radius: 50%;margin:0 auto;justify-content: center;align-items: center;}
.nycontact li p{font-size: 20px;line-height: 50px;color: #333;margin-bottom: 20px;}
.nycontact li p::after{display: block;width:16%;height: 2px;background-image: -webkit-linear-gradient(0deg, #0db288, #0dba3b);;content: "";margin:0 auto;}
.nycontact li b{font-size: 20px;line-height: 30px;color: #333;font-weight: 400;}

.nyclassify{background: #fff;box-shadow: 0px 0px 43px rgba(0, 0, 0, 0.09);position: relative;top: -50px;}
.nyclassify .dropdown{line-height: 100px;}
.nyclassify .dropdown-toggle{font-size: 18px;color: #666;padding: 0 16px;}
.nyclassify .dropdown:hover .dropdown-toggle{background: #EC6C00;color: #fff;border-radius: 0;}
.nyclassify .dropdown-menu{padding: 0;border: none;top: 100px;border-radius: 0;margin: 0;}
.nyclassify .dropdown-menu a{padding: 0 20px;display: block;font-size: 16px;color: #666;line-height: 40px;}
.nyclassify .dropdown-menu a:hover{color:#EC6C00;}
.nycases_list li{text-align: center;margin-bottom: 15px;
    background:#F9F7F7;margin:0 0.6%;padding:15px;box-sizing: border-box;margin-bottom: 15px;
}
.nyclassify li a.curument{background:#EC6C00;color:#fff;}
.nycases_list li h2{font-size: 18px;color: #555;line-height: 40px;-webkit-box-orient: vertical;-webkit-line-clamp:1;display: -webkit-box;overflow: hidden;}
.map .nytitle{text-align: center; font-size: 48px;  margin-bottom: 3%}
.map .nytitle h5{font-weight: bold;}
.map .nytitle i{width: 70px;height: 2px;background-image: -webkit-linear-gradient(0deg, #0db288, #0dba3b);display: block;margin:20px auto;}
@media (max-width: 992px){
    .nycontact{display: block}
    .nycontact li{width: 100%}
}
@media (min-width: 992px){

    .nycases_list li{width: 32%;}
}
@media (max-width: 768px){
    .nytitle h5{font-weight: 600;font-size: 20px;}
    .nyclassify{top: -20px;}
    .nyclassify .dropdown{line-height: 35px;}
    .nyclassify .dropdown-menu{top: 50px;}
    .nycases_list li{background: none;padding: 5px;margin: 0;}
    .nycases_list li h2{font-size:14px;}
}
/*内页招聘信息*/
.linian {
text-align: center;
}

.linian h2.btitle {
font-size: 42px;
color: #222;
line-height: 66px;
height: 66px;
overflow: hidden;
}

.linianfig {
position: relative;
width: 1000px;
max-width: 100%;
height: 400px;
overflow: hidden;
margin: 0 auto;
}

.liniancon {
margin: 30px 0 90px;
font-size: 16px;
color: #333;
line-height: 34px;
}

.liniancon img {
max-width: 100%;
}

.zpout {
padding: 110px 0 120px;
width: 80%;
margin: 0 auto;;
}

.rec-head {
height: 76px;
background-color: #fff;
overflow: hidden;
padding-left: 70px;
border-bottom: 2px solid #333;
}

.rec-head .th {
float: left;
padding: 18px 0;
width: 20%;
height: 76px;
overflow: hidden;
font-size: 16px;
color: #222;
line-height: 40px;
text-align: center;
}

.rec-head .th.zhiwei {
text-align: left;
}

.reclist {
background-color: #fff;
}

.reclist li {
border-bottom: 1px solid #ddd;
}

.rec-hand {
height: 64px;
line-height: 64px;
background-color: #fff;
padding-left: 70px;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.rec-hand .td {
float: left;
padding: 12px 0;
width: 20%;
overflow: hidden;
font-size: 16px;
color: #222;
line-height: 40px;
text-align: center;
height: 40px;
}

.rec-hand .td.zhiwei {
text-align: left;
}

.reclist li:hover .rec-hand {
background-color: #eee;
}

.reclist li.on .rec-hand {
background-color: #333;
}

.reclist li.on .rec-hand .td {
color: #fff;
}

.reclist li, .rec-hand, .reclist .td {
-webkit-transition: 0.5s;
transition: 0.5s;
}

.reclist .rec-con {
display: none;
}

.rec-txt {
color: #444;
line-height: 31px;
padding: 34px 70px 46px;
background-color: #f7f7f7;
font-family: serif;
}

.rec-txt .email {
color: #1d6bdd;
}

.rec-txt .email:hover {
text-decoration: underline;
}

@media screen and (max-width: 1080px) {
.rec-head, .rec-hand {
padding-left: 40px;
}

.rec-txt {
padding: 34px 40px 46px;
}
}


/*关于我们*/
.abouttwo {
padding: 112px 0 92px;
background-color: #ececec;
}
.abtitle {
font-size: 42px; font-weight: bold;
color: #333;
line-height: 60px;
text-align: center;
}
.abintro {
font-size: 18px;
color: #333;
line-height: 28px;
text-align: center;
max-width: 1300px;
margin-top: 26px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 750px) {
    .abouttwo { padding: 12px 0 92px;}
    .abintro{font-size: 16px; line-height: 30px}
.abtitle {
font-size: 30px;
line-height: 46px;
}
}
.abfigure {
width: 100%;
margin-top: 54px;
}
.abfigure img {
max-width: 100%;
}
.sw11out {
position: relative;
width: 100%;
margin-top: 56px;
padding-bottom: 48px;
}
#sw11 {
height: 600px;
overflow: hidden;
}
#sw11 .swiper-slide {
width: 800px;
}
.sw11out .swiper-pagination {
left: 0;
bottom: 0;
width: 100%;
font-size: 0;
}
.sw11out .swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 0 14px;
background-color: #bfbfbf;
outline: 0 none;
opacity: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 50%;
}
.sw11out .swiper-pagination-bullet-active {
background-color: #0dba3b;
}
.sw11out .sw-next,
.sw11out .sw-prev {
position: absolute;
top: 50%;
width: 60px;
height: 60px;
z-index: 10;
cursor: pointer;
font-size: 0;
border-radius: 50%;
text-align: center;
margin-top: -30px;
}
.sw11out .sw-prev {
left: 10%;
background: url('../images/lt-yuanlin.png') center no-repeat;
}
.sw11out .sw-next {
right: 10%;
background: url('../images/gt-yuanlin.png') center no-repeat;
}
.sw11out .sw-prev:hover,
.sw11out .sw-next:hover {
background-color: #0dba3b;
}
#sw11 .swiper-slide a {
display: block;
position: relative;
width: 100%;
height: 100%;
}
#sw11 .swiper-slide .pic {
width: 100%;
height: 600px;
font-size: 0;
line-height: 600px;
background-color: #000;
}
#sw11 .swiper-slide img {
width: 100%;
height: 100%;
opacity: 0.5;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.5s;
transition: 0.5s;
}
#sw11 .swiper-slide-active img {
opacity: 1;
}
#sw11 .wz {
width: 100%;
margin-top: 24px;
}
#sw11 h3 {
font-size: 20px;
color: #333;
line-height: 30px;
text-align: center;
opacity: 0;
width: 100%;
height: 30px;
overflow: hidden;
-webkit-transition: 0.5s;
transition: 0.5s;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sw11 .swiper-slide-active h3 {
opacity: 1;
}
@media screen and (max-width: 960px) {
#sw11 .swiper-slide {
width: 100%;
}
}
@media screen and (max-width: 750px) {
#sw11 {
height: 554px;
}
#sw11 .swiper-slide .pic {
height: 500px;
line-height: 500px;
}
.sw11out .sw-prev {
left: 5%;
}
.sw11out .sw-next {right: 5%;}
    .sw11out .swiper-pagination-bullet{margin: 0 3px;width: 7px;height: 7px}
}